<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>选择器</title>
    <link rel="stylesheet" href="./css/styles.css">
</head>

<body>
    <ul>
        <h1>基础选择器</h1>
        <li>项目1</li>
        <li class="selected">项目2</li>
        <li>项目3</li>
        <li>项目4</li>
        <li>项目5</li>
        <li id="six-item">项目6</li>
        <p class="li">this is a p</p>
    </ul>
    <div class="text-one">
        <h1>属性选择器</h1>
        <h2 title="biaoti-1">L-星门</h2>
        <h2 title="biaoti-2">------诡异的宁静</h2>
        <p title="zhengwen-1">在进入L星簇的T1</p>
        <p title="zhengwen-2">
            智慧的潘达科星系之后，立马就能看出在L星门的这一端，很久以前曾经发生过一场惊天动地的大战。某些可能曾经存在生命的星球已经被炸得面目全非，而其他星球则被某种细小的灰尘所覆盖，初略扫描显示那些灰尘其实是某种瘫痪的远古纳米机器。
        </p>
        <p title="zhengwen">这就令我们怀疑，被锁定的L星门到底是为了阻挡外界进入，还是为了阻挡里面的东西外逃......</p>
    </div>
    <div class="text-two">
        <h1>关系选择器</h1>
        <h2 title="biaoti-2">------安静散步</h2>
        <p>对<span class="orange">T1</span></p>
        <p><span class="orange">智慧的潘达科</span>进行的探测器扫描中，发现其毫无生机的表面又一个奇怪的能源信号。神奇之处在于，该信号是来自一个在南极附近区域漫无目的闲晃的新人类。</p>
        <p>令我们的人员无比震惊的是，这个新人类虽然没有穿着宇航服，也没有配备任何的生命维持系统，在真空中却依然过得很自在。</p>
        <div>
            <p>经过商讨与强迫，远征队的人员终于说服了这位不大情愿的新人类跟随他们回到了T1智慧的潘达科。</p>
        </div>
    </div>
    <div class="text-three">
        <h1>伪元素选择器</h1>
        <h2 title="biaoti-2">------灰色风暴</h2>
        <p>来自<span class="orange">人类联邦</span>的科学家们设法使其领地内的L星门恢复了运转，抢先了我们一步不幸的是，这似乎触发了星簇居民对我们银河系的进攻--攻击-切的敌对纳米机器!</p>
        <p>人类科学家们在攻击抵达之前设法关闭了他们的星门，但这只是将其导向了银河系中的其它L星门，这些星门现在已经完全开启!</p>
        <p>与这些进攻的纳米机器进行沟通的尝试全都失败了。在它们通过!星门后，我们侦测到来自L星簇的一个不断重复的亚空间信号传输。</p>
    </div>
    <div class="text-four"><h1>链接伪类</h1>
        <a href="https://www.bilibili.com/">哔哩哔哩 (゜-゜)つロ 干杯~-bilibili</a>
    </div>
    <div class="text-five"><h1>结构伪类</h1>
    <p>p1</p>
    <h2>h2</h2>
    <p>p2</p>
    <h3>h3</h3>
    <p>p3</p>
    </div>

</body>

</html>